<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="favicon.ico" rel="stylesheet"/>
    <link href="/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="/css/jquery.contextMenu.min.css" rel="stylesheet"/>
    <link href="/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="/css/animate.css" rel="stylesheet"/>
    <link href="/css/style.css" rel="stylesheet"/>
    <link href="/css/skins.css" rel="stylesheet"/>
    <link href="/feitian/css/ry-ui.css?v=4.1.0" rel="stylesheet"/>
</head>
<body class="fixed-sidebar full-height-layout gray-bg" style="overflow: hidden">
    <div id="wrapper">
        <!--左侧导航开始-->
        <nav class="navbar-default navbar-static-side" role="navigation">
            <div class="nav-close">
                <i class="fa fa-times-circle"></i>
            </div>
            <div class="sidebar-collapse">
                <ul class="nav" id="side-menu">
                    <a href="/index">
                        <li class="logo">
                            <span class="logo-lg" >FeiTian</span>
                        </li>
                    </a>
                    <li>
                        <div class="user-panel">
                            <a class="menuItem" title="个人中心" href="/system/user/profile">
                                <div class="hide" text="个人中心"></div>
                                <div class="pull-left image">
                                </div>
                            </a>
                            <div class="pull-left info">
                                <p></p>
                                <a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
                                <a  style="padding-left:5px;"><i class="fa fa-sign-out text-danger"></i> 注销</a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-home"></i> <span class="nav-label">主页</span> <span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li><a class="menuItem" id="product" data-id="/product">首页</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-gear"></i><span class="nav-label">系统管理</span><span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li>
                                <a class="menuItem" id="attend" data-id="/system/attend">打卡记录</a>
                            </li>
                            <li>
                                <a class="menuItem" id="badness" data-id="/system/badness">员工不良记录</a>
                            </li>
                            <li>
                              <a class="menuItem" id="leave" data-id="/system/leave">请假申请</a>

                            </li>
                            <li>
                                <a class="menuItem" id="overtime" data-id="/system/overtime">加班申请</a>
                            </li>
                            <li>
                                <a class="menuItem" id="salarysheet" data-id="/system/salarysheet">工资条</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fa fa-video-camera"></i>
                            <span class="nav-label">系统监控</span>
                            <span class="fa arrow"></span>
                        </a>
                        <ul class="nav nav-second-level collapse" aria-expanded="false" style="">
                            <li>
                                <a class="menuItem" data-id="/monitor/online"   >在线用户</a>
                            </li>
                            <li>
                                <a class="menuItem"  data-id="/monitor/chat"  >聊天</a>
                            </li>
                            <li>
                                <a class="menuItem" data-id="/monitor/serveMonitoring"  >数据监控</a>
                            </li>
                            <li>
                                <a class="menuItem" data-id="/monitor/dataMonitoring"  >服务监控</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
        <div id="page-wrapper" class="gary-bg dashbard-1">
            <div class="row border-buttom">
                <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
                    <div class="navbar-header">
                        <a class="navbar-minimalize minimalize-styl-2" style="color:#FFF;" href="#" title="收起菜单">
                            <i class="fa fa-bars"></i>
                        </a>
                    </div>
                    <ul class="nav navbar-top-links navbar-right welcome-message">
                        <li><a title="全屏显示" href="javascript:void(0)" id="fullScreen"><i class="fa fa-arrows-alt"></i> 全屏显示</a></li>
                        <li class="dropdown user-menu">
                            <a href="javascript:void(0)" class="dropdown-toggle" data-hover="dropdown">
                                <img src="/img/profile.jpg" class="user-image">
                                <span class="hidden-xs">吴玮</span>
                            </a>
                            <ul class="dropdown-menu">
                                <li class="mt5">
                                    <a href="/system/user/profile" class="menuItem" data-index="24">
                                        <i class="fa fa-user"></i> 个人中心</a>
                                </li>
                                <li>
                                    <a onclick="resetPwd()">
                                        <i class="fa fa-key"></i> 修改密码</a>
                                </li>
                                <li>
                                    <a onclick="switchSkin()">
                                        <i class="fa fa-dashboard"></i> 切换主题</a>
                                </li>
                                <li class="divider"></li>
                                <li>
                                    <a href="logout">
                                        <i class="fa fa-sign-out"></i> 退出登录</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </nav>
            </div>
            <div class="row content-tabs">
                <button class="roll-nav roll-left tabLeft">
                    <i class="fa fa-backward"></i>
                </button>
                <nav class="page-tabs menuTabs">
                    <div class="page-tabs-content" style="margin-left: 0px;">
                        <a href="javascript:;" class="menuTab" data-id="/product">首页</a>
                        </div>
                </nav>
                <button class="roll-nav roll-right tabRight">
                    <i class="fa fa-forward"></i>
                </button>
                <a href="javascript:void(0);" class="roll-nav roll-right tabReload"><i class="fa fa-refresh"></i> 刷新</a>
            </div>
            <a id="ax_close_max" class="ax_close_max" href="#" title="关闭全屏"> <i class="fa fa-times-circle-o"></i> </a>
            <div class="row mainContent" id="content-main">
                <iframe class="FeiTian_iframe" name="iframe0" width="100%" height="100%" src="/product" frameborder="0" seamless="" style="display: none;"></iframe>
                <iframe class="FeiTian_iframe" name="iframe5" width="100%" height="100%" src="/product" frameborder="0"  seamless="" style="display: inline;"></iframe></div>
            <div class="footer">
                <div class="pull-right">© 2019 FeiTian Copyright </div>
            </div>
        </div>
    </div>
    <script src="/js/jquery.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="/js/jquery.contextMenu.min.js"></script>
    <script src="/ajax/libs/blockUI/jquery.blockUI.js"></script>
    <script src="/ajax/libs/layer/layer.min.js"></script>
    <script src="/feitian/js/ry-ui.js?v=4.1.0"></script>
    <script src="/feitian/js/common.js?v=4.1.0"></script>
    <script src="/feitian/index.js"></script>
    <script src="/ajax/libs/fullscreen/jquery.fullscreen.js"></script>
    <script>
        var index=0;
        $(".menuItem").click(function(){
            var a=$("<a data-id="+$(this).attr("data-id")+" class='menuTab active' >"+$(this).html()+"</a>");
            if (index>3){
                $(".page-tabs-content").children("a:gt(0):lt(1)").remove();
                index--;
            };
            index++;
            $(".page-tabs-content").append(a)
            $("[name=iframe5]").attr("src",$(this).attr("data-id"))
            $(".menuTab").click(function(){
                $("[name=iframe5]").attr("src",$(this).attr("data-id"))
            })
        })
        $(".menuTab").click(function(){
            $("[name=iframe5]").attr("src",$(this).attr("data-id"))
        })
    </script>
    <script>
        var ctx = "\/";
        // 皮肤缓存
        var skin = storage.get("skin");
        // history（表示去掉地址的#）否则地址以"#"形式展示
        var mode = "history";
        // 历史访问路径缓存
        var historyPath = storage.get("historyPath");
        // 排除非左侧菜单链接
        var excludesUrl = ["/system/user/profile"];

        // 本地主题优先，未设置取系统配置
        if($.common.isNotEmpty(skin)){
            $("body").addClass(skin.split('|')[0]);
            $("body").addClass(skin.split('|')[1]);
        } else {
            var sideTheme = "theme-dark";
            var skinName = "skin-blue";
            $("body").addClass(sideTheme);
            $("body").addClass(skinName);
        }

        /* 用户管理-重置密码 */
        function resetPwd() {
            var url = ctx + 'system/user/profile/resetPwd';
            $.modal.open("重置密码", url, '770', '380');
        }
        /* 切换主题 */
        function switchSkin() {
            layer.open({
                type : 2,
                shadeClose : true,
                title : "切换主题",
                area : ["530px", "386px"],
                content : [ctx + "system/switchSkin", 'no']
            })
        }

        /** 刷新时访问路径页签 */
        function applyPath(url) {
            $('a[href$="' + decodeURI(url) + '"]').click();
            if($.inArray(url, excludesUrl)){
                $('a[href$="' + url + '"]').parent("li").addClass("selected").parents("li").addClass("active").end().parents("ul").addClass("in");
            }
        }

        $(function() {
            if($.common.equals("history", mode) && window.performance.navigation.type == 1) {
                var url = storage.get('publicPath');
                if ($.common.isNotEmpty(url)) {
                    applyPath(url);
                }
            } else {
                var hash = location.hash;
                if ($.common.isNotEmpty(hash)) {
                    var url = hash.substring(1, hash.length);
                    applyPath(url);
                }
            }
        });
    </script>
    <ul class="context-menu-list context-menu-root" style="display: none;"><li class="context-menu-item context-menu-icon context-menu-icon--fa fa fa-close"><span>关闭当前</span></li><li class="context-menu-item context-menu-icon context-menu-icon--fa fa fa-window-close-o"><span>关闭其他</span></li><li class="context-menu-item context-menu-icon context-menu-icon--fa fa fa-reply"><span>关闭左侧</span></li><li class="context-menu-item context-menu-icon context-menu-icon--fa fa fa-share"><span>关闭右侧</span></li><li class="context-menu-item context-menu-icon context-menu-icon--fa fa fa-window-close"><span>全部关闭</span></li><li class="context-menu-item context-menu-separator context-menu-not-selectable"></li><li class="context-menu-item context-menu-icon context-menu-icon--fa fa fa-arrows-alt"><span>全屏显示</span></li><li class="context-menu-item context-menu-icon context-menu-icon--fa fa fa-refresh"><span>刷新页面</span></li><li class="context-menu-item context-menu-icon context-menu-icon--fa fa fa-link"><span>新窗口打开</span></li></ul>
</body>
</html>